<!DOCTYPE html>
<html>
<head>
    <title>${sysEn}-首页</title>
    <#include "/common/com_css.ftl" >
    <link href="${ctx}${hreftop}/css/plugins/jasny/jasny-bootstrap.min.css" rel="stylesheet">
    <style type="text/css">
        .fileinputcontrol{
            min-height: 300px;
            position: relative;
        }
        .fileinputcontrol .fileinput-preview{
            overflow: auto;
            max-height: 400px;
        }
        .fileinputcontrol .fileinput-submit{
            width: 100%;
            padding-top:5px;
        }
    </style>
</head>
<body class="fixed-sidebar no-skin-config full-height-layout">
    <div id="wrapper">
        <!----左侧导航开始----->
        <#include "/common/menu.ftl">
        <!----左侧导航结束----->
        <!---右侧内容区开始---->
        <div id="page-wrapper" class="gray-bg dashbard-1">
            <#include "/common/con_nav.ftl">
            <div class="row wrapper border-bottom white-bg page-heading">
                <div class="col-lg-12">
                    <h2>${viewName}图片列表</h2>
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item">
                            <a href="${ctx}/admin/index">首页</a>
                        </li>
                        <li class="breadcrumb-item active">
                            <strong>${viewName}图片列表</strong>
                        </li>
                    </ol>
                </div>
            </div>
            <div class="fh-breadcrumb">
                <div class="full-height">
                    <div class="full-height-scroll white-bg">
                        <#list imgs as img>
                            <div class="row wrapper white-bg page-heading">
                                <div class="col-lg-12">
                                    <div class="ibox">
                                        <div class="ibox-title">
                                            <div class="col-lg-6 float-left text-left">
                                                <h5>${img.remark}</h5>
                                            </div>
                                            <div class="col-lg-6 float-left text-left">
                                                <h5><b>编辑</b>[${img.remark}]</h5>
                                            </div>
                                        </div>
                                <#list img.fileNms as fileNm>
                                    <div class="ibox-content text-center p-md">
                                        <div class="col-lg-6 float-left">
                                            <h5>${fileNm}</h5>
                                            <img class="col-lg-6" src="${domain}/${fileNm}" id="orgImg${img_index}" />
                                        </div>
                                        <div class="col-lg-6 float-left border-left text-left   ">
                                            <div class="fileinputcontrol" orgimgid="orgImg${img_index}">
                                                <form action="${ctx}${hreftop}/admin/imgupload" method="post" enctype="multipart/form-data">
                                                    <input type="hidden" name="name" value="${img.name}" />
                                                    <input type="hidden" name="type" value="${type}" />
                                                    <input type="hidden" name="idx" value="${fileNm_index}">
                                                    <div class="fileinput fileinput-new" data-provides="fileinput">
                                                        <span class="btn btn-default btn-file"><span class="fileinput-new">Select file</span><span class="fileinput-exists">Change</span>
                                                            <input type="file" name="myFile"></span>
                                                        <span class="fileinput-filename"></span>
                                                        <a href="#" class="close fileinput-exists" data-dismiss="fileinput" style="float: none">&times;</a>
                                                    </div>

                                                    <div class="row fileinput-preview">
                                                        <img class="col-lg-6" />
                                                    </div>
                                                    <div class="fileinput-submit border-top">
                                                        <p>
                                                            <button type="button" tg="submit" class="btn btn-outline btn-primary">提交</button>
                                                        </p>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                </#list>
                                    </div>
                                </div>
                            </div>
                        </#list>
                    </div>
                </div>
            </div>
            <#include "/common/footer.ftl">
        </div>
        <!---右侧内容区结束---->
     </div>
    <#include "/common/com_js.ftl">
    <script src="${ctx}${hreftop}/js/plugins/jasny/jasny-bootstrap.min.js"></script>
    <script src="${ctx}${hreftop}/js/vender/jquery.ext.fileinputer.js"></script>
    <script>
        $(document).ready(function() {
            $(".fileinputcontrol").fileInputer();
        });
    </script>
</body>
</html>
